<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>015-HTML表格</title>
</head>

<body>
    <!-- 表格由 <table> 标签来定义。 -->
    <!-- 每个表格均有若干行（由 <tr> 标签定义）， -->
    <!-- 每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。 -->
    <p>
        每个表格从一个 table 标签开始。
        每个表格行从 tr 标签开始。
        每个表格的数据从 td 标签开始。
    </p>
    <!-- border 使用边框属性来显示一个带有边框的表格 -->
    <h4>一列:</h4>
    <table border="1">
        <tr>
            <td>100</td>
        </tr>
    </table>

    <h4>一行三列:</h4>
    <table border="1">
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
    </table>

    <h4>两行三列:</h4>
    <table border="1">
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        <tr>
            <td>400</td>
            <td>500</td>
            <td>600</td>
        </tr>
    </table>

    <br>

    <h4>HTML 表格表头</h4>
    <!-- 表格的表头使用 <th> 标签进行定义。 -->
    <table border="1">
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cell 2</td>
        </tr>
        <tr>
            <td>row 2, cell 1</td>
            <td>row 2, cell 2</td>
        </tr>
    </table>
</body>

</html>